.urlpreview{
	position:relative;
}

.urlpreview__frame{
	border-left: 2px solid #a6ca61;
	padding-left: 7px;
	overflow: hidden;
}

.urlpreview__frame-inner{
	border-left: 4px solid #7ed321;
	padding: 0 0 4px 7px;
}

.urlpreview__frame-inner--meeting {
	border-color: #bd10e0;
	padding-bottom: 10px;
}

.urlpreview__container{
	display: inline-block;
	padding-left: 6px;
}

.urlpreview__container-left{
	float: left;
	padding: 0 6px 0 0;
	max-width: 50%;
}
.urlpreview__container-switchable {
	cursor: pointer;
}

.urlpreview__image {
	position: relative;
	display: inline-block;
}

.urlpreview__image img{
	max-width: 300px;
	max-height: 200px;
}

.urlpreview__embed {
	overflow: hidden;
}

.urlpreview__embed .fb-post {
	min-height: 150px;
}

.urlpreview__embed > iframe {
	max-width: 600px;
}

.urlpreview__play {
	opacity: 0.7;
	color: white;
	position: absolute;
	left: 47%;
	top: 45%;
	font-size: 2em;
	transition: opacity 0.2s ease;
}

.urlpreview__container:hover .urlpreview__play {
	opacity: 1;
}

.urlpreview__container-left img{
	width: auto;
	height: auto;
	max-height: 200px;
}
.urlpreview__container-hide-embed .urlpreview__embed {
	display: none;
}

.urlpreview__container-hide-image .urlpreview__image {
	display: none;
}

.urlpreview__title{
	padding: 6px;
	font-weight: var(--ui-font-weight-bold);
	text-align: justify;
}

.urlpreview__description{
	padding: 6px;
	font-size: 0.9em;
	text-align: justify;
}

.urlpreview__detach{
	float: right;
	transition: color 0.2s ease;
	cursor: pointer;
	color: #878f9b;
	font-size: 1.3em;
	margin-top: 5px;
	position: relative;
	z-index: 10;
}
.urlpreview__detach:hover{
	color: #5f6773;
}

.urlpreview__clearfix{
	clear: both;
}

.urlpreview__bottom{
	padding: 6px 0 0 6px;
	font-size: 0.9em;
}

.urlpreview__button {
	display: inline-block;
	position: absolute;
	top: 8px;
	background: url(images/arrows.png) no-repeat center;
	color: white;
	transition: opacity 0.2s ease;
	border: white 1px solid;
	width: 20px;
	height: 20px;
	border-radius: 12px;
	opacity: 0.8;
	cursor: pointer;
}

.urlpreview__button:hover {
	opacity: 1;
}

.urlpreview__button-prev {
	left: 24px;
	background-position: -1px -1px;
}

.urlpreview__button-next {
	background-position: -28px -1px;
	left: 50px;
}

.urlpreview__icon-destination {
	background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.16%202.344l4.527%204.527L5.86%208%204.687%209.13.16%2013.657l1.598%201.598L9.012%208%201.758.746z%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
	display: inline-block;
	height: 11px;
	vertical-align: middle;
	width: 11px;
	background-size: contain;
	margin-right: 5px;
}

.urlpreview__time {
	display: inline-block;
	color: #555;
	background: url("images/live_feed_sprite_6.png?3") no-repeat -146px -228px;
	font-size: 11px;
	margin-right: 12px;
	padding-left: 13px;
	font-weight: var(--ui-font-weight-bold);
}

.urlpreview__time:hover {
	color: #555;
	text-decoration: underline;
}
